<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>我的订单</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<link rel="stylesheet" rel="stylesheet" href="newcss/base/reset.min.css">
<link rel="stylesheet" href="newcss/layout/grid.css">
<link rel="stylesheet" href="newcss/helper/utils.css">
<link rel="stylesheet" href="newcss/layout/header.css">
<link rel="stylesheet" href="newcss/layout/footer.css">
<link rel="stylesheet" type="text/css" href="newcss/component/center-header.css" />
<link rel="stylesheet" type="text/css" href="newcss/page/center.css" />
<link rel="stylesheet" type="text/css" href="newcss/component/center-pagination.css" />
</head>
<body>
<!-- begin · header -->
      <header class="unselectable bo-header">

        <!-- begin · top bar -->
        <div class="clearfix bo-topbar">
          <div class="row">
            <a class="left hover-link btn-call" href="tel:400-8009-088">400&nbsp;-&nbsp;8009&nbsp;-&nbsp;088</a>
            <a class="left hover-link btn-send-mail" href="mailto:blue-online@superwhale.cn">blue-online@superwhale.cn</a>
            <a class="right hover-link btn-register" href="#">注册</a>
            <a class="right hover-link btn-login" href="#">登录</a>
          </div>
        </div>
        <!-- end · top bar -->
        <div class="center-header">
          <div class="wrapper">            
            <div class="logo"><img src="newimages/center/logo.png" /></div>
            <ul>
              <li>首页</li>
              <li class="setting">账户设置<i></i></li>
              <li class="msg">消息<i></i><span class="count">3</span></li>
            </ul>
            <div class="search-box">
              <input type="text" value="" /><i><a href="">搜索</a></i>
            </div>
          </div>
        </div>

      </header>
    <!-- end · header -->

<div class="user-center clearfix">
  <dl class="uc-nav">
    <dt>设置</dt>
    <dd>
      <ul>
        <li><a href="center-info.html">个人信息</a><i></i></li>
        <li><a href="center-safe.html">账户安全</a><i></i></li>
        <li><a href="center-address.html">收货地址</a><i></i></li>
        <li class="cur"><a href="center-order.html">我的订单</a><i></i></li>
        <li><a href="center-favor.html">我的关注</a><i></i></li>
        <li><a href="center-consult.html">咨询回复</a><i></i></li>
        <li><a href="center-report.html">系统公告</a><i></i></li>
      </ul>
    </dd>
  </dl>
  <div class="uc-content">
    <div class="order-tabs">      
      <ul class="uc-tabs">
        <li class="cur">所有订单</li>
        <li>待付款</li>
        <li>待发货</li>
        <li>待收货</li>
        <li class="last">待评价</li>
      </ul>
      <div class="recyle"><i></i>订单回收站</div>
    </div>
    <div class="order-content cur">
      <div class="search-box">
        <div class="order-select">
          近三个月订单<i></i>
        </div>
        <div class="search-bar">
          <input type="text" placeholder="输入商品标题或订单号进行搜索" class="search-input" value="" />
          <div class="search-btn"><a href="javascript:void(0)">订单搜索</a></div>
        </div>
      </div>
      <div class="order-table">
        <table>
          <thead>
            <tr>
              <th>订单详情</th>
              <th>数量</th>
              <th>总计</th>
              <th>全部状态</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>  
            <tr class="small-block">
              <td colspan="5">&nbsp;</td>
            </tr>  
            <tr class="order-title">
              <td colspan="5"><span class="time">2015-09-22 16:35:40</span><span class="number">订单号：10143089866</span></td>
            </tr>            
            <tr class="order-detail">
              <td class="detail">
                <div class="img-box">
                  <img src="newimages/center/order-temp-1.jpg" />
                  <dl>
                    <dt><a href="">Whale's Journey 卡通动物鲸鱼贴纸儿童房水族馆玻璃贴...</a></dt>
                    <dd>天蓝尺寸/加工方式：中</dd>
                  </dl>
                </div>
              </td>
              <td class="count">1</td>
              <td class="total">&yen;109.80</td>
              <td class="status">
                <span class="order-status">买家已付款</span><br />
                <a href="">订单详情</a><br />
                <span class="logistics">
                  <a href="javascript:void(0)">查看物流</a>
                  <div class="logistics-detail" style="display:none">
                    <i class="arrow"></i>
                    <div class="logistics-content">
                      <div class="logistics-title">普通快递</div>
                      <div class="logistics-list">
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                      </div>
                    </div>
                  </div>
                </span>
              </td>
              <td class="operate"><i></i><span class="rest-time">还剩9天22时</span><br /><a href="" class="buy">付款</a><br /><a href="javascript:void(0)" class="del">取消订单</a></td>
            </tr>  
            <tr class="big-block">
              <td colspan="5">&nbsp;</td>
            </tr> 
            <tr class="order-detail">
              <td class="detail">
                <div class="img-box">
                  <img src="newimages/center/order-temp-1.jpg" />
                  <dl>
                    <dt><a href="">Whale's Journey 卡通动物鲸鱼贴纸儿童房水族馆玻璃贴...</a></dt>
                    <dd>天蓝尺寸/加工方式：中</dd>
                  </dl>
                </div>
              </td>
              <td class="count">1</td>
              <td class="total">&yen;109.80</td>
              <td class="status">
                <span class="order-status">买家已付款</span><br />
                <a href="">订单详情</a><br />
                <span class="logistics">
                  <a href="javascript:void(0)">查看物流</a>
                  <div class="logistics-detail" style="display:none">
                    <i class="arrow"></i>
                    <div class="logistics-content">
                      <div class="logistics-title">普通快递</div>
                      <div class="logistics-list">
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                        <dl>
                          <dt><i></i>您的包裹已出库</dt>
                          <dd>2015-09-22 17:17:07</dd>
                        </dl>
                      </div>
                    </div>
                  </div>
                </span>
              </td>
              <td class="operate"><i></i><span class="rest-time">还剩9天22时</span><br /><a href="" class="buy">付款</a><br /><a href="javascript:void(0)" class="del">取消订单</a></td>
            </tr> 
          </tbody>
        </table>
      </div>

      <div class="relative bo-paging border-box">
        <div class="row">
          <form class="bo-pagination right" method="post" action="#">
            <a class="left bo-pagination-btn clean-link bo-pagination-prev" href="">&lt;</a>

            <ul class="left bo-pagination-count">
              <li class="left active">
                <a class="bo-pagination-btn bo-pagination-btn-count clean-link" href="#">1</a>
              </li>
              <li class="left">
                <a class="bo-pagination-btn bo-pagination-btn-count clean-link" href="#">2</a>
              </li>
              <li class="left">
                <a class="bo-pagination-btn bo-pagination-btn-count clean-link" href="#">3</a>
              </li>
              <li class="left">
                <a class="bo-pagination-btn bo-pagination-btn-count clean-link" href="#">4</a>
              </li>
              <li class="left">
                <a class="bo-pagination-btn bo-pagination-btn-count clean-link" href="#">5</a>
              </li>
            </ul>

            <a class="left bo-pagination-btn clean-link bo-pagination-next" href="">&gt;</a>
            转到<input class="bo-ipt-page-to-go" type="text">页
            <input class="bo-ipt-submit" type="submit" value="确定">
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- begin · footer -->
      <footer class="unselectable bo-footer">
        <div class="row relative">

          <ul class="absolute clearfix bo-ul-1">
            <li class="left no-padding-left">
              <a class="hover-link" href="#">关于蓝金融在线</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融众筹</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融钱包</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">联系我们</a>
            </li>
            <li class="hover-link left no-padding-right no-border">
              <a class="hover-link" href="#">免责声明</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-2">
            <li class="left no-padding-left bo-li-contact-us relative">
              联系我们
              <span class="absolute">(9:00 - 22:00)</span>
            </li>
            <li class="left">
              <a class="hover-link bo-online-customer-service" href="#">在线客服</a>
            </li>
            <li class="left no-padding-right no-border">
              <a class="hover-link bo-mail-customer-service" href="mailto:blue-online@superwhale.cn">客服邮箱</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-3">
            <li class="left no-padding-left">Copyright © 2004-2015 蓝金融在线.com 版权所有</li>
            <li class="left no-padding-right no-border">投资有风险，购买需谨慎</li>
          </ul>

          <ul class="absolute clearfix bo-ul-4">
            <li class="no-padding-left left no-border">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
            <li class="hover-link left no-border  no-padding-right">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
          </ul>

        </div>
      </footer>
    <!-- end · footer -->

<script src="newjs/jquery.js"></script>
<script src="newjs/ECar.tab.js"></script>
<script>
var options= {
    navNode: '.uc-tabs li',
    curNavCls:'cur',
    pannelNode: '.order-content',
    curPannelCls:'cur',
    preNode: '',
    nextNode: '',
    duration: 0,
    event: 'click',
    navMaskNode: '',
    navMaskCssObject:null,
    curMaskNavCssObject:null
};
ECar.tab(options);
$(".logistics a").on("click",function(e){
  $(".logistics-detail").fadeOut();
  var detailNode = $(this).siblings(".logistics-detail");
  if(!detailNode.is(':visible')){　　
      detailNode.fadeIn();
  }
  e.stopPropagation();
});
$(document).on("click",function(){
  $(".logistics-detail").fadeOut();
})
</script>
<!--[if lte IE 9]>
<script type="text/javascript" src="newjs/placeholder.js" ></script>
<![endif]-->
</body>
</html>